home *** CD-ROM | disk | FTP | other *** search
/ PC User 2003 April / Disc 1 / PCU0403CD1.iso / software / browsers / files / opera7j.exe / HELP.CSS < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-01-24  |  9.6 KB  |  568 lines
  1. /* general help styles **********************************************/
  2.  
  3. body {
  4.     background-color: white;
  5.     color: black;
  6. }
  7.  
  8. h1 {
  9.     letter-spacing: 1px;
  10.     color: maroon;
  11.     font-weight: bold;
  12.     font-size: 2em;
  13. }
  14.  
  15. h2 {
  16.     margin-top: 2em;
  17.     border-bottom: thin solid #355382;
  18.     color: #355382;
  19.     font-weight: bold;
  20.     font-size: 1.5em;
  21. }
  22.  
  23. h3 {
  24.     font-size: 1.1em;
  25.     margin-bottom: 0em;
  26. }
  27.  
  28. h4 {font-size: 1em;}
  29.  
  30. p {margin-top: 0em;}
  31.  
  32.  
  33. ol.alfa {list-style: lower-alpha;}
  34.  
  35.  
  36. /* styles for links *************************************************/
  37.  
  38. a:link, .fakelink { 
  39.     text-decoration: underline;
  40.     color: blue;
  41. }
  42.  
  43. a:visited, a:hover { 
  44.     text-decoration: underline;
  45.     color: red;
  46. }
  47.  
  48. a[target="_blank"]:after {
  49.     content: " ╗╗";
  50.     color: green;
  51. }
  52.  
  53.  
  54. /* styles for text types ********************************************/
  55.  
  56. span.url, span.mailaddress, span.html, span.mime, span.file { 
  57.     font-family: "Lucida Console", "Courier New", monospace;
  58.     color: green;
  59.     white-space: nowrap;
  60. }
  61.  
  62. kbd {
  63.     color: #333333;
  64.     background-color: #EFEFEF;
  65.     font-family: "Verdana";
  66.     font-weight: normal;
  67.     font-size: 80%;
  68.     text-align: center;
  69.     border-top: 2px double #CFCFCF;
  70.     border-left: 3px solid #BABABA;
  71.     border-right: 4px solid #AAAAAA;
  72.     border-bottom: 6px solid #909090;
  73.     padding-left: 0.2em;
  74.     padding-top: 0em;
  75.     padding-right: 0.2em;
  76.     padding-bottom: 0em;
  77.     line-height: 1.6em;
  78.     vertical-align: top;
  79.     white-space: nowrap;
  80. }
  81.  
  82. table kbd {font-size: 90%;}
  83.  
  84. .bold {font-weight: bold;}
  85.  
  86. .red {color: red;}
  87.  
  88. .underline {text-decoration: underline !important;}
  89.  
  90. .nowrap {white-space: nowrap;}
  91.  
  92. span.note {
  93.     color: maroon;
  94.     font-weight: bold;
  95. }
  96.  
  97. p.copyright {
  98.     margin-top: 3em;
  99.     padding-top: 1em;
  100.     border-top: 1px solid gray;
  101.     color: gray;
  102.     font-size: 0.75em;
  103.     text-align: center;
  104. }
  105.  
  106.  
  107. /* styles for tables ************************************************/
  108.  
  109. table {margin-bottom: 1em;}
  110.  
  111. td, th { 
  112.     text-align: left; 
  113.     vertical-align: top; 
  114. }
  115.  
  116. /* nice tables */
  117.  
  118. table.nice {
  119.     border-collapse: collapse;
  120.     border-style: hidden;
  121.     border-spacing: 0;
  122. }
  123.  
  124. table.nice td, table.nice th {
  125.     border: 1px dotted black;
  126.     padding: 0.25em;
  127.     font-size: 0.9em;
  128.     color: black;
  129.     background-color: white;
  130. }
  131.  
  132. table.nice th {white-space: nowrap;}
  133.  
  134. /* keyboard tables */
  135.  
  136. body.keytable table {
  137.     width: 100%;
  138.     border-collapse: collapse;
  139.     border-style: hidden;
  140.     border-spacing: 0;
  141. }
  142.  
  143. body.keytable th, body.keytable td {
  144.     border: 1px dotted black;
  145.     padding: 0.25em;
  146. }
  147.  
  148. body.keytable th {
  149.     max-width: 80%;
  150.     font-weight: normal;
  151.     padding-left: 0em;
  152. }
  153.  
  154. body.keytable td {
  155.     min-width: 20%;
  156.     white-space: nowrap;
  157.     padding-left: 0.5em;
  158. }
  159.  
  160. body.keytable h3 {
  161.     margin-bottom: 0;
  162.     margin-top: 0.75em;
  163. }
  164.  
  165. /* gesture tables */
  166.  
  167. div.gestures table {
  168.     width: 100%;
  169.     border-collapse: collapse;
  170.     border-style: hidden;
  171.     border-spacing: 0;
  172. }
  173.  
  174. div.gestures td {
  175.     min-width: 50%;
  176. /*    white-space: nowrap;*/
  177.     border: 1px dotted black;
  178. }
  179.  
  180. div.gestures th {
  181.     max-width: 50%;
  182.     font-weight: bold;
  183.     border: 1px dotted black;
  184. }
  185.  
  186.  
  187. /* styles for dialogs ***********************************************/
  188.  
  189. /*
  190. div.prefs {
  191.     background-color: ThreeDFace;
  192.     color: WindowText;
  193.     font-family: "MS Sans Serif", sans-serif;
  194.     font-size: 12px;
  195.     border-top: 2px solid ThreeDLightShadow;
  196.     border-right: 2px solid ThreeDShadow;
  197.     border-bottom: 2px solid ThreeDShadow;
  198.     border-left: 2px solid ThreeDLightShadow;
  199.     min-width: 500px;
  200. }
  201.  
  202. .titlebar {
  203.     font-family: "MS Sans Serif", sans-serif;
  204.     background-color: ActiveCaption;
  205.     font-size: 14px;
  206.     font-weight: bold;
  207.     color: CaptionText;
  208.     margin-bottom: 4px;
  209. }
  210.  
  211. .groupbox {
  212.     font-family: "MS Sans Serif", sans-serif;
  213.     border: 2px groove ThreeDFace;
  214.     margin-left: 4px;
  215.     margin-right: 4px;
  216.     margin-bottom: 2px;
  217.     margin-top: 0px;
  218.     padding: 6px;
  219. }
  220.  
  221. .groupbox td {
  222.     color: WindowText;
  223. }
  224.  
  225. .grouptitle {
  226.     font-family: "MS Sans Serif", sans-serif;
  227.     font-weight: bold;
  228.     margin-bottom: 0px;
  229.     margin-left: 10px;
  230. }
  231.  
  232. .groupbox ul,
  233. .groupbox li,
  234. */
  235.  
  236. td.ui ul,
  237. td.ui li,
  238. body.keytable ul,
  239. body.keytable li,
  240. table.nice ul,
  241. table.nice li,
  242. ul.lean,
  243. ul.lean li { 
  244.     list-style: none;
  245.     margin: 0;
  246.     padding: 0;
  247.     spacing: 0;
  248. }
  249.  
  250. ul.lean li + li {padding-top: 1em;}
  251.  
  252.  
  253. /* styles for menus *************************************************/
  254.  
  255. table.mainmenu, table.menu {
  256.     border-spacing: 0;
  257.     empty-cells: show;
  258. }
  259.  
  260. table.menu th, table.menu td, table.mainmenu th {
  261.     text-align: left;
  262.     font-weight: normal;
  263.     vertical-align: top;
  264.     white-space: nowrap;
  265. }
  266.  
  267. table.menu th {
  268.     font: menu;
  269.     color: MenuText;
  270.     background-color: ThreeDFace;
  271.     border-left: 2px outset ThreeDLightShadow;
  272.     border-right: 2px ridge ThreeDDarkShadow;
  273.     padding: 0.15em 1em 0.15em 1em;
  274.     white-space: nowrap;
  275. }
  276.  
  277. table.menu td {
  278.     color: black;
  279.     background-color: white;
  280.     font-family: "Arial", "Tahoma", sans-serif;
  281.     font-size: 0.8em;
  282.     padding: 0em 0.5em 0em 0.5em;
  283.     vertical-align: middle;
  284. }
  285.  
  286. table.mainmenu th {padding: 4px;}
  287.  
  288. .mainmenu {
  289.     font: menu;
  290.     color: MenuText;
  291.     background-color: ThreeDFace;
  292.     padding: 0em 0.5em 0em 0.5em;
  293. }
  294.  
  295. table.menu th.sub {padding-left: 3em;}
  296.  
  297. table.menu th.sub2 {padding-left: 4.5em;}
  298.  
  299. table.menu tr.maketop th {
  300.     border-top: 2px outset ThreeDLightShadow;
  301.     padding: 0;
  302.     line-height:0;
  303. }
  304.  
  305. table.menu tr.makebottom th {
  306.     border-bottom: 2px ridge ThreeDDarkShadow;
  307.     padding : 0;
  308.     line-height:0;
  309. }
  310.  
  311. table.menu tr.makesep th {
  312.     border-top: 2px groove ThreeDLightShadow;
  313.     padding : 0;
  314.     line-height:0;
  315. }
  316.  
  317. table.menu tr.makesep td {
  318.     border-top: 1px dotted black;
  319.     padding : 0;
  320.     line-height:0;
  321. }
  322.  
  323.  
  324. tr.cool td {color: maroon;}
  325.  
  326. td.ui {
  327.     background-color: ThreeDFace;
  328.     color: MenuText;
  329.     padding: 0px;
  330.     padding-left: 0.5em;
  331.     padding-right: 0.5em;
  332.     font: menu;
  333.     text-align: left;
  334.     white-space: nowrap;
  335. }
  336.  
  337. td.ui a:link, td.ui a:visited, .mainmenu a:link, .mainmenu a:visited {
  338.     color: MenuText;
  339.     text-decoration: none;
  340. }
  341.  
  342. td.ui a:hover, .mainmenu a:hover {
  343.     color: HighlightText;
  344.     background-color: ActiveCaption;
  345.     text-decoration: none;
  346. }
  347.  
  348.  
  349. /* input styles *****************************************************/
  350.  
  351. input.button {
  352.     min-width: 75px;
  353.     min-height: 24px;
  354. }
  355.  
  356.  
  357. /* style for start page *********************************************/
  358.  
  359. body.startpage h1 {
  360.     text-align: center;
  361.     letter-spacing: 3px;
  362.     margin: 0em 0em 0.5em 0em;
  363.     padding: 0em 1em 0em 0em;
  364.     font-weight: bold;
  365. }
  366.  
  367. body.startpage h2 {
  368.     margin-top: 0.5em;
  369.     margin-bottom: 0em;
  370.     border-bottom: none;
  371.     page-break-before: avoid;
  372.     font-weight: normal;
  373. }
  374.  
  375. body.startpage h3 {
  376.     margin-top: 0.5em;
  377.     margin-bottom: 0em;
  378. }
  379.  
  380. body.startpage p {clear: both;}
  381.  
  382. div.section {
  383.     float: left;
  384.     margin-left: 4%;
  385.     margin-right: 0.5em;
  386.     padding-left: 1em;
  387.     padding-right: 1em;
  388.     font-weight: normal;
  389. }
  390.  
  391. div.section p {max-width: 20em;}
  392.  
  393.  
  394. body.toc a:link, body.toc a:visited, body.startpage a:link, body.startpage a:visited {
  395.     text-decoration: none;
  396.     color: black;
  397. }
  398.  
  399. body.toc a:hover, body.startpage a:hover {
  400.     text-decoration: none;
  401.     color: white;
  402.     background-color: black;
  403. }
  404.  
  405. body.startpage ul {
  406.     list-style: none;
  407.     margin: 0.5em 0em 0.5em 0em;
  408.     padding: 0em;
  409. }
  410.  
  411. body.startpage li {
  412.     margin: 0;
  413.     padding: 0;
  414. }
  415.  
  416. form.search {
  417.     padding-right: 15%;
  418.     text-align: right;
  419. }
  420.  
  421. form.search input[type="submit"] {font-size: 0.9em;}
  422.  
  423.  
  424. /* styles for toc **********************************************/
  425.  
  426. body.toc {
  427.     font-family: "Verdana", serif;
  428.     font-size: 11px;
  429.     padding-left: 10px;
  430. }
  431.  
  432. body.toc form.search {
  433.     padding-right: 0em;
  434.     text-align: center;
  435. }
  436.  
  437. body.toc ul { 
  438.     list-style: none;
  439.     margin: 0;
  440.     margin-left: 0em;
  441.     font-size: 1.2em;
  442.     font-weight: bold;
  443. }
  444.  
  445. body.toc ul ul {
  446.     font-size: 0.9em;
  447.     margin-left: 0em;
  448.     border-top: none;
  449.     font-weight: normal;
  450.     border-top: 1px dotted black;
  451.     margin-bottom: 1em;
  452. }
  453.  
  454. body.toc ul ul ul {
  455.     font-size: 0.9em;
  456.     margin-top: 0;
  457.     margin-left: 1em;
  458.     border-top: none;
  459.     margin-bottom: 0;
  460. }
  461.  
  462. body.toc li {margin: 0;}
  463.  
  464.  
  465. /* styles for treeview **********************************************/
  466.  
  467. table.tree {border-spacing: 0;}
  468.  
  469. table.tree th, table.tree td {
  470.     text-align: left;
  471.     font-weight: normal;
  472.     vertical-align: top;
  473. /*    white-space: nowrap;*/
  474. }
  475.  
  476. table.tree th {
  477.     font: menu;
  478.     color: MenuText;
  479.     padding: 0.15em;
  480.     padding-left: 1em;
  481.     padding-right: 1em;
  482.     white-space: nowrap;
  483. }
  484.  
  485. table.tree td {
  486.     font-family: "Arial", "Tahoma", sans-serif;
  487.     font-size: 11px;
  488.     padding-left: 0.5em;
  489.     padding-right: 0.5em;
  490.     vertical-align: middle;
  491. }
  492.  
  493. table.tree th.tsub {padding-left: 3em;}
  494.  
  495. table.tree th.tsub2 {padding-left: 4.5em;}
  496.  
  497. tr.parent td, tr.parent th {font-weight: bold;}
  498.  
  499.  
  500.  
  501. /* styles for media **********************************************/
  502.  
  503. @media screen, projection, tv {
  504.  
  505. body, table {
  506.     font-family: "Verdana", "Georgia", "Book Antiqua", "Garamond", "Verdana", serif;
  507.     margin-left: auto;
  508.     margin-right: auto;
  509.     max-width: 60em;
  510. }
  511.  
  512. }
  513.  
  514.  
  515. @media screen, tv {
  516.  
  517. html {
  518.     padding: 1em;
  519.     border-top: thin solid black;
  520.     background-color: #3b5f8a;
  521.     background-image: url(background.png);
  522.     background-repeat: repeat;
  523. }
  524.  
  525. body {font-size: 0.9em;}
  526.  
  527. }
  528.  
  529.  
  530. @media projection {
  531.  
  532. body {font-size: 1.5em;}
  533.  
  534. h1 {
  535.     margin-top: 20%;
  536.     text-align: center;
  537.     font-size: 3em;
  538. }
  539.  
  540.  
  541. h2 {
  542.     margin-top: 0em;
  543.     padding: 1em 0.5em 0.5em 0.5em;
  544.     background-color: #355382;
  545.     color: white;
  546.     border: none;
  547.     page-break-before: always;
  548. }
  549.  
  550. .nobreak {page-break-before: avoid;}
  551.  
  552. p.copyright {display: none;}
  553.  
  554. }
  555.  
  556.  
  557. @media print {
  558.  
  559. body, table {
  560.     font-family: "Georgia", "Book Antiqua", "Garamond", "Verdana", serif;
  561.     font-size: 1em;
  562. }
  563.  
  564. }
  565.  
  566.  
  567. /* end of styles ****************************************************/
  568.